<template>
  <div class="Home">
    <h1>Home</h1>
    <p>时间过滤器：{{ time | dateFilter("YYYY-MM-DD hh:mm:ss") }}</p>
    <p>字体引用：<i class="iconfont iconjinggao"></i></p>
    <p>防抖：{{ num }} <Button v-debounce="add">num++</Button></p>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      // 时间
      time: new Date(),
      // 数字
      num: 0,
    };
  },
  mounted() {
    console.log("mounted");
    console.info("mounted");
    // 测试axios和vuex
    // this.get();
  },
  methods: {
    // 测试防抖函数
    add() {
      this.num++;
    },
    // 测试axios和vuex
    get() {
      this.$store.dispatch("home/getActions", { data: "" }).then((res) => {
        console.log(res);
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.Home {
  h1 {
    font-size: 20px;
  }
}
</style>
